<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<header th:fragment="right">
    <div class="col-md-4 col-sm-3 col-xs-8">
        <ol class="breadcrumb ">
            <li>
                <a href="# " class="text-success "><span class="glyphicon glyphicon-shopping-cart "></span>我的购物车</a>
            </li>
            <li>
                <a href="# " th:text="${session.userCartInfo.num + '个商品'}">商品</a>
            </li>
            <li>
                <a href="# " th:text="${'总价' + session.userCartInfo.totalPrice + '元'}" id="total">总价00元</a>
            </li>
        </ol>

        <!--猜您喜欢-->
        <div>
            <span class="text-info"><span class="glyphicon glyphicon-heart"></span><span style="font-size: 20px; ">&nbsp;&nbsp;猜您喜欢</span></span>
            <div class="row" id="love">
                <div class="col-sm-12 col-md-12 wow fadeInRight animated">
                    <div class="thumbnail">
                        <a href="#"><img src="images/cikehuakai.jpg " th:src="@{/images/book/cikehuakai.jpg}" style="height: 200px; " alt="通用的占位符缩略图 "></a>
                        <div class="caption ">
                            <h3>此刻花开</h3>
                        </div>
                    </div>
                </div>
                <div class="col-sm-12 col-md-12 wow fadeInRight animated">
                    <div class="thumbnail ">
                        <a href="#"><img src="images/jindumanbu.jpg " th:src="@{/images/book/ouzhou.jpg}" style="height: 200px; " alt="通用的占位符缩略图 "></a>
                        <div class="caption ">
                            <h3>欧洲</h3>
                        </div>
                    </div>
                </div>
                <div class="col-sm-12 col-md-12 wow fadeInRight animated">
                    <div class="thumbnail ">
                        <a href="#"><img src="images/lapulasidemonv.jpg" th:src="@{/images/book/lapulasidemonv.jpg}" style="height: 200px; " alt="通用的占位符缩略图 "></a>
                        <div class="caption ">
                            <h3>拉普拉斯的魔女</h3>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <!--喜欢end-->
    </div>

</header>
